<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../js/table/bootstrap-table.css">
    <link rel="stylesheet" href="../style/reset.css"/>
    <link rel="stylesheet" href="../style/base.css"/>
    <link rel="stylesheet" href="../js/src/docs.css">
    <link rel="stylesheet" href="../style/page.css">

    <script src="../js/jquery/jquery.min.js"></script>
    <script src="../js/bootstrap/js/bootstrap.min.js"></script>
    <script src="../js/table/bootstrap-table.js"></script>
    <script src="../js/src/docs.js"></script>
    <script src="../js/src/examples.js"></script>

    <link rel="stylesheet" href="../style/dialog.css">
    <script src="../js/dialog.js"></script>
    <script src="../js/remind.js"></script>

    <style>
        html,body {height: 100%;}
        body {overflow: auto;}
    </style>

</head>
<body>
<div class="dialog_base">
<div class="sortBox">
    <ul class="headBtnWarp">
        <li>
            <div onclick="" class="btn bgColor font">声音主题推荐</div>
        </li>
        <li>
            <div onclick="" class="btn bgColorII font">专辑主题推荐</div>
        </li>
        <li>
            <div onclick="" class="btn bgColorII font">失败对话框</div>
        </li>
        <li>
            <div onclick="" class="btn bgColorII font">特别出品推荐</div>
        </li>
        <li>
            <div onclick="" class="btn bgColorII font">现场直播</div>
        </li>
    </ul>
    <div class="inputWarp">
        <span>input框:</span>
        <input class="formtab_text width150" type="text" placeholder="请输入..."/>
        <input class="formtab_text width100" type="text" placeholder="请输入..."/>
    </div>
    <div class="inputWarp">
        <span>下拉框:</span>
        <select class="formtab_selt width150" ><option value="有奖相对论">有奖相对论</option><option value="1">1</option></select>
        <select class="formtab_selt width100" ><option value="楼层数">楼层数</option><option value="2">2</option></select>
    </div>
    <div class="inputWarp">
        <span>类型搜索：</span>
        <input type="checkbox" checked><label class="">声音</label>
        <input type="checkbox" checked><label>文字</label>
        <input type="checkbox" checked><label>图片</label>
    </div>
    <div class="inputWarp">
        <span>类型搜索：</span>
        <input type="radio" ><label class="">声音</label>
        <input type="radio" checked><label>文字</label>
        <input type="radio" checked><label>图片</label>
    </div>

    <div class="inputWarp">
        <span>日期：</span>
        <input class="formtab_text formtab_time" type="text" id="shwo_date" readonly="readonly"/>
    </div>
    <div class="inputWarp">
        <span>日期：</span>
        <input class="formtab_text formtab_time" type="text" id="shwo_datetime" readonly="readonly"/>
    </div>
    <div class="inputWarp">
        <span>日期：</span>
        <input class="formtab_text formtab_time width130" type="text" id="shwo_time" readonly="readonly"/>
        <div class="spanline"></div>
        <input class="formtab_text formtab_time width130" type="text" id="shwo_timeA" readonly="readonly"/>
    </div>
    <div class="inputWarp">
        <span>textarea：</span>
        <textarea class="formtab_area"></textarea>
    </div>

    <ul  class="txt_btn_II">
        <li>
            <div onclick="" class="btn bgColorII font">确定</div>
        </li>
        <li>
            <div onclick="" class="btn bgColor font">取消</div>
        </li>
    </ul>
    <ul class="txt_btn">
        <li>
            <div onclick="showDialog()" class="btn bgColor font">显示弹出层</div>
        </li>
        <li>
            <div onclick="showMessage_alert_success();" class="btn bgColorII font">成功对话框</div>
        </li>
        <li>
            <div onclick="showMessage_alert_error();" class="btn bgColorII font">失败对话框</div>
        </li>
        <li>
            <div onclick="showMessage_confirm();" class="btn bgColorII font">确认对话框</div>
        </li>
    </ul>
    <ul  class="txt_btn">
        <li>
            <div onclick="showDialog()" class="btn bgColorII font">确定</div>
        </li>
        <li>
            <div onclick="" class="btn bgColor font">取消</div>
        </li>
    </ul>

</div>
    <!--*********** 表格与分页 ***********-->
    <div class="table_example">
        <table data-toggle="table" data-url="data2.json" data-height="246" data-pagination="true">
            <thead>
            <tr>
                <th data-field="state" data-checkbox="true"></th>
                <th data-field="id" data-align="right">Item ID</th>
                <th data-field="name" data-align="center">Item Name</th>
                <th data-field="price" data-align="">Item Price</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<script src="../js/jedate.js"></script>
<link rel="stylesheet" href="../js/jedate.css">
<script type="text/javascript">

    //显示操作页
    function showDialog(){
        Dialog.openSwinDialog('showtest', "test/test2.html", "显示测试页", 800, 600,
        function(){
            if(jsReturnValue != null){
                Remind.showSuccess(jsReturnValue);
                //可以在这里进行其它操作;
            }
            //grid.refresh();
        });
    }

    jeDate({ dateCell:"#shwo_date", format:"YYYY-MM-DD", isTime:false});
    jeDate({ dateCell:"#shwo_datetime", format:"YYYY-MM-DD hh:mm:ss"});
    jeDate({ dateCell:"#shwo_time", format:"hh:mm:ss"});
    jeDate({ dateCell:"#shwo_timeA", format:"hh:mm:ss"});

</script>
</body>
</html>